<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" />
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="renderer" content="webkit" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="x5-orientation" content="portrait" />
    <title>{$siteConfig.site_title} - {$siteConfig.site_name}</title>
    <meta name="keywords" content="{$siteConfig.keywords}" />
    <meta name="description" content="{$siteConfig.description}" />
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css" />
    <link rel="stylesheet" type="text/css" href="__CSS__/swiper.min.css" />
    <script type="text/javascript" src="__JS__/jquery-3.3.1.min.js"></script>
</head>
<body>
{include file="public/nav" /}
{include file="public/banner" /}
<div class="index analy" style="margin-top: 50px;">
    <div class="inner">
        <div class="indexTitle">
            <h2>原创作品&nbsp;&nbsp;真实人家</h2>
            <p>大量案例作品和设计方案，覆盖1000+楼盘户型！</p>
        </div>
    </div>
    <div class="analyBox">
        <!-- 装修案例 -->
        <div class="analyBoxDown">
            <div class="small on">
                <ol>
                    {volist name="case_list" id="case"}
                        <li>
                            <div class="smallBox">
                                <img src="__IMG__/sjps214.png" class="sjcazz" alt="" srcset="">
                                <div class="smallBoxPic">
                                    <a href="{:url('cases/detail', ['id'=>$case.id])}" target="_blank"><img src="{$case.thumb_url}"></a>
                                </div>
                                <div class="smallBoxDiv">
                                    <div class="smallBoxDivPrice">
                                        <span>造<br>价</span>
                                        <sup>{$case.cost}</sup>
                                        <span>万</span>
                                    </div>
                                    <div class="smallBoxDivTent">
                                        <span>{$case.house}</span>
                                        <b>|</b>
                                        <span>{$case.tag_name[0]}</span>
                                        <b>|</b>
                                        <span>{$case.area}m²</span>
                                        <b>|</b>
                                    </div>
                                </div>
                                <div class="smallBoxWord">
                                    <h2 class="smallBoxWordTit">{$case.house}</h2>
                                    <figure>
                                        <span>风格：{$case.tag_name[0]}</span>
                                        <b>|</b>
                                        <span>面积：{$case.area}m²</span>
                                        <b>|</b>
                                        <span>户型：{$case.house_type}</span>
                                    </figure>
                                    <figcaption>
                                        <a href="{:url('cases/detail', ['id'=>$case.id])}" target="_blank" class="smallBoxWordMore">查看详情</a>
                                        <a href="javascript:void(0);" class="smallBoxWordQian huaran">我家这样装多少钱？</a>
                                    </figcaption>
                                </div>
                            </div>
                        </li>
                    {/volist}
                </ol>
            </div>
        </div>
    </div>
    <div class="viewMore">
        <a href="{:url('cases/index')}" target="_blank" class="viewMoreAn">查看更多案例</a>
    </div>
</div>

<div class="index whole">
    <div class="inner">
        <div class="indexTitle">
            <h2>资深设计&nbsp;&nbsp;量身定制</h2>
            <p>一对一专属服务，满足您对高品质家的设计需求</p>
        </div>
        <div class="wholeBox">
            <style>
                .newfigure {
                    width: 100%;
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    background: rgba(0, 0, 0, 0.5);
                    color: rgba(255, 255, 255, .7);
                    padding: 20px;
                    line-height: 1.6;
                    box-sizing: border-box;
                }

                .newfigure h2 {
                    color: #FFF;
                    font-size: 18px;
                }

                .newfigure h2 span {
                    color: rgba(255, 255, 255, .7);
                    font-size: 15px;
                    margin-left: 10px;
                }

                .newfigure a {
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    color: #FFF;
                    font-size: 14px;
                    line-height: 38px;
                    background: #E60012;
                    padding: 0 20px;
                    border-radius: 22px;
                    position: absolute;
                    right: 20px;
                    top: 20px;
                    z-index: 5;

                }

                .newfigure a img {
                    margin-right: 4px;
                    height: 20px;
                }

                .newfigure a img {
                    transform: scale(1.1);
                }

                .entire ol li.entireOne .entireOneDiv {
                    bottom: 0;
                    padding: 0;
                }
            </style>
            <div class="wholeBoxDown">
                <div class="entire on">
                    <ol>
                        {volist name="designer_list" id="item" key="i"}
                        {if $i == 1}
                        <li class="entireOne">
                            <div class="entireOnePic">
                                <a href="{:url('designer/detail', ['id'=>$item.id])}" target="_blank"><img src="{$item.image_url}" class="img"></a>
                            </div>
                            <div class="newfigure">
                                <h2>{$item.name}<span>{$item.position}</span></h2>
                                <figure>
                                    <div> 从业经验：{$item.year}年</div>
                                    <div style="color: #fff;line-height: 2.4;">设计师简介</div>
                                    <div>{$item.desc|raw}</div>
                                </figure>
                                <a href="javascript:void(0);" class="ztsheji">
                                    <img src="__IMG__/entiretwodiv.png">
                                    预约设计师
                                </a>
                            </div>
                        </li>
                        {else /}
                        <li class="entireOne">
                            <div class="entireOnePic">
                                <a href="{:url('designer/detail', ['id'=>$item.id])}" target="_blank"><img src="{$item.image_url}" class="img"></a>
                            </div>
                            <div class="entireOneDiv">
                                <h2>{$item.name}<span>{$item.position}</span></h2>
<!--                                 <figure>-->
<!--                                     <a href="javascript:void(0);" class="ztsheji">找TA设计</a>-->
<!--                                </figure>-->
                            </div>
                        </li>
                        {/if}
                        {/volist}
                    </ol>
                </div>
            </div>
        </div>
        <div class="viewMore">
            <a href="{:url('designer/index')}" class="viewMoreAn">更多设计师</a>
        </div>

    </div>
</div>
<style>
    .heinePic {
        height: 500px;
        overflow: hidden;
        position: relative;
    }

    .video_btn {
        cursor: pointer;
        position: absolute;
        left: 0;
        z-index: 5;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
</style>
<div class="index grade">
    <div class="inner">
        <div class="gradeDiv">
            <div class="gradeDivMing">
                <h2>客户评价</h2>
                <figure>
                    <span>温暖人心的双向奔赴，共筑美好的家</span>
                    <a href="{:url('article/index', ['category_id'=>23])}">更多</a>
                </figure>
            </div>
            <div class="wage">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        {volist name="customer_list" id="item"}
                        <div class="swiper-slide">
                            <a href="{:url('article/detail', ['category_id'=>$item.category_id, 'id'=>$item.id])}">
                                <img src="{$item.thumb_url}">
                                <figure>{$item.name}</figure>
                            </a>
                        </div>
                        {/volist}
                    </div>
                    <div class="swiper-button-next" tabindex="0" role="button" aria-label="右"
                         aria-controls="swiper-wrapper-6110a3721de8382c4"></div>
                    <div class="swiper-button-prev" tabindex="0" role="button" aria-label="左"
                         aria-controls="swiper-wrapper-6110a3721de8382c4"></div>
                </div>
            </div>
        </div>
        <div class="gradeDiv gradeKuan">
            <div class="gradeDivMing">
                <h2>竣工仪式</h2>
                <figure>
                    <span>是乔迁之喜，更是交付任务的出色完成</span>
                    <a href="{:url('article/index', ['category_id'=>24])}" target="_blank">更多</a>
                </figure>
            </div>
            <div class="gradeDivDown">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        {volist name="completed_list" id="item"}
                        <div class="swiper-slide">
                            <a href="{:url('article/detail', ['category_id'=>$item.category_id, 'id'=>$item.id])}">
                                <img src="{$item.thumb_url}">
                                <figure>{$item.name}</figure>
                            </a>
                        </div>
                        {/volist}
                    </div>
                    <div class="swiper-button-next" tabindex="0" role="button" aria-label="右"
                         aria-controls="swiper-wrapper-6110a3721de8382c4"></div>
                    <div class="swiper-button-prev" tabindex="0" role="button" aria-label="左"
                         aria-controls="swiper-wrapper-6110a3721de8382c4"></div>
                </div>
            </div>
        </div>
    </div>
</div>




<div class="index mation">
    <div class="inner">
        <div class="indexTitle">
            <h2>装修小课堂</h2>
            <p>海量家装攻略，让您深入了解家装各个环节，对家装做到心中有数</p>
        </div>
        <div class="zixun">
            <div class="zixunDiv">
                <div class="zixunDivMing">
                    <h2>八方筑日常</h2>
                    <figure><a href="{:url('news/index', ['category_id'=>1])}" target="_blank">查看更多 ></a></figure>
                </div>
                <div class="zixunDivBox">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            {volist name="news_list1" id="item"}
                            <div class="swiper-slide">
                                <div class="zixunDivBoxPic">
                                    <a href="{:url('news/detail', ['category_id'=>$item.category_id, 'id'=>$item.id])}" data-url="{:url('news/detail', ['category_id'=>$item.category_id, 'id'=>$item.id])}" target="_blank">
                                        <img src="{$item.thumb_url}"></a>
                                </div>
                                <div class="zixunDivBoxTent">
                                    <figure>
                                        <h2>{$item.name}</h2>
                                        <span>{$item.update_time|date='Y-m-d'}</span>
                                    </figure>
                                    <p>{$item.description}</p>
                                </div>
                            </div>
                            {/volist}
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span
                                class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0"
                                role="button" aria-label="Go to slide 1"></span><span
                                class="swiper-pagination-bullet" tabindex="0" role="button"
                                aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet"
                                                                        tabindex="0" role="button" aria-label="Go to slide 3"></span><span
                                class="swiper-pagination-bullet" tabindex="0" role="button"
                                aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet"
                                                                        tabindex="0" role="button" aria-label="Go to slide 5"></span><span
                                class="swiper-pagination-bullet" tabindex="0" role="button"
                                aria-label="Go to slide 6"></span><span class="swiper-pagination-bullet"
                                                                        tabindex="0" role="button" aria-label="Go to slide 7"></span><span
                                class="swiper-pagination-bullet" tabindex="0" role="button"
                                aria-label="Go to slide 8"></span><span class="swiper-pagination-bullet"
                                                                        tabindex="0" role="button" aria-label="Go to slide 9"></span><span
                                class="swiper-pagination-bullet" tabindex="0" role="button"
                                aria-label="Go to slide 10"></span></div>
                    </div>
                </div>
            </div>
            <div class="zixunDiv zixunKuan">
                <div class="zixunDivMing">
                    <h2>装修小课堂</h2>
                </div>
                <div class="zixunDivNide">
                    <ol>
                        {volist name="news_list2" id="item"}
                        <li>
                            <a href="{:url('news/index', ['category_id'=>$item.category_id, 'id'=>$item.id])}" target="_blank">
                                <div class="zixunDivNidePic">
                                    <img src="{$item.thumb_url}">
                                </div>
                                <div class="zixunDivNideCont">
                                    <h2>{$item.name}</h2>
                                    <p>　　{$item.description}</p>
                                </div>
                            </a>
                        </li>
                        {/volist}
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="index">
    <div class="inner">
        <div class="indexTitle">
            <h2>合肥门店</h2>
            <p>我们为您提供家装整体咨询服务，专业设计师免费为您规划家装方案，更有样板工艺展示和案例赏析，欢迎您莅临品鉴！</p>
        </div>
        <div class="heine" style="height: 500px;">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="heinePic">
                            <img src="__IMG__/ditu.png" />
                        </div>
                        <div class="heineWord">
                            <div class="heineWordTit">
                                <h2><a href="javascript:void(0);" target="_blank">八方筑合肥旗舰店</a></h2>
                                <figure>
                                    <span>设计作品：{$case_num}</span>
                                    <sup>|</sup>
                                    <span>设计师：{$designer_num}</span>
                                </figure>
                            </div>
                            <div class="heineWordExe">
                                <p>联系电话：{$siteConfig.mobile}</p>
                                <p>门店地址：{$siteConfig.address}</p>
                            </div>
                            <div class="heineWordZi">
                                预约到店，享专业设计师免费家装规划
                            </div>
                            <form onsubmit="return false;">
                                <div class="heineWordDiv">
                                    <div class="heineWordDivLi"><input type="text" name="username" class="text"
                                                                       placeholder="您的姓名" /></div>
                                    <div class="heineWordDivLi"><input type="text" name="contact" class="text"
                                                                       placeholder="您的手机" /></div>
                                    <div class="heineWordDivLi"><input type="text" name="remarks" class="text"
                                                                       placeholder="其他备注" /></div>
                                    <input type="hidden" name="type_name" value="预约门店-八方筑合肥旗舰店">
                                    <div class="heineWordDivAn" onclick="fnFormSubmit2(this);">
                                        <input type="submit" class="sub" value="立即预约" />
                                    </div>
                                </div>
                            </form>

                            <div class="heineWordTui">
                                <img src="__IMG__/heinewordtui.png">
                                推荐
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="index">
    <div class="inner">
        <div class="indexTitle">
            <h2>网上预约&nbsp;&nbsp;服务流程</h2>
        </div>
        <div class="path">
            <ol>
                <li>
                    <div class="pathPic"><img src="__IMG__/pathpic11.png"></div>
                    <div class="pathTent">在线预约</div>
                    <div class="pathNum"><span>1</span></div>
                </li>
                <li>
                    <div class="pathPic"><img src="__IMG__/pathpic22.png"></div>
                    <div class="pathTent">免费量房</div>
                    <div class="pathNum"><span>2</span></div>
                </li>
                <li>
                    <div class="pathPic"><img src="__IMG__/pathpic33.png"></div>
                    <div class="pathTent">设计初案</div>
                    <div class="pathNum"><span>3</span></div>
                </li>
                <li>
                    <div class="pathPic"><img src="__IMG__/pathpic44.png"></div>
                    <div class="pathTent">进店沟通</div>
                    <div class="pathNum"><span>4</span></div>
                </li>
                <li>
                    <div class="pathPic"><img src="__IMG__/pathpic55.png"></div>
                    <div class="pathTent">参观展厅</div>
                    <div class="pathNum"><span>5</span></div>
                </li>
                <li>
                    <div class="pathPic"><img src="__IMG__/pathpic66.png"></div>
                    <div class="pathTent">方案确定</div>
                    <div class="pathNum"><span>6</span></div>
                </li>
                <li>
                    <div class="pathPic"><img src="__IMG__/pathpic77.png"></div>
                    <div class="pathTent">签订合同</div>
                    <div class="pathNum"><span>7</span></div>
                </li>
                <li>
                    <div class="pathPic"><img src="__IMG__/pathpic88.png"></div>
                    <div class="pathTent">进场施工</div>
                    <div class="pathNum"><span>8</span></div>
                </li>
                <li>
                    <div class="pathPic"><img src="__IMG__/pathpic99.png"></div>
                    <div class="pathTent">售后服务</div>
                    <div class="pathNum"><span>9</span></div>
                </li>
            </ol>
        </div>
    </div>
</div>
{include file="public/left" /}
<!-- footer -->
{include file="public/footer" /}